*{
    padding: 0px;
    margin: 0px;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
@ji:3.75vw;
#jidong1{
    width: 100vw;
    position: fixed;
    top: 0px;
    left: 0px;
     z-index: 900;
    height: 50/@ji;
    background: rgba(0,0,0,0.3);
   .jidong11{
       width: 355/@ji;
       height: 50/@ji;
       margin: 0px auto;
       .icon-menu2{
           display: inline-block;
           float: left;
           height: 50/@ji;
           width: 30/@ji;
           color: white;
          font-size: 16/@ji;
          font-weight: 400;
          line-height: 50/@ji;
          padding-left: 5/@ji;
          padding-right: 5/@ji;
          padding-bottom: 10/@ji;
       }
       .search{
           display: inline-block;
            float: left;
              width: 280/@ji;
              height: 30/@ji;
              margin: 0px auto;
              border-radius: 15/@ji;
              background: white;
              margin-top: 10/@ji;
             .icon-jingdong{
                 display: inline-block;
                 font-size: 16/@ji;
                 font-weight: 400;
                 line-height: 20/@ji;
                 padding-right: 10/@ji;
                 margin-top: 5/@ji;
                 margin-left: 15/@ji;
             } 
             a{
                 display: inline-block;
                 float: right;
                 font-size: 12/@ji;
                 font-weight: 400;
                 line-height: 30/@ji;
                 margin-right: 10/@ji;
                 color: #666666;
                 
             }
             
          }
          .icon-xiaoxi{
              display: inline-block;
              width: 20/@ji;
              height: 50/@ji;
              line-height: 50/@ji;
              font-size: 20/@ji;
               font-weight: 400;
               float: right;
               text-align: center;
                 color: white;
          }
   }
   
}
//轮播图
   #lun{
        position: absolute;
        top: 0px;
        left: 0px;
        img{
            width: 100vw;
            height: 183/@ji;
            position: absolute;
            top: 0px;
           left: 0px;
           display: none;
        }
        ul{
            width: 100vw;
            height: 6/@ji;
            z-index: 200;
            position: absolute;
            top: 160/@ji;
//            padding: 0px 130/@ji;
          
          li{
            
              width: 6/@ji;
              height: 6/@ji;
               float: left;
              margin-right: 4/@ji;
               border: 1/@ji solid white;
               border-radius:50% ;
               background-color:rgba(0,0,0,0) ;
          }
            
        }
    }
//  第二部分

#jidong2{
  height: 162/@ji;
  position: absolute; 
  top: 173/@ji;
  z-index: 300;
  background: white; 
  padding-top:4/@ji;
  padding-bottom: 18/@ji;
  border-top-left-radius:15/@ji ;
  border-top-right-radius:15/@ji ;
  .tu1{
      width: 75/@ji;
      height: 70/@ji;
      text-align: center;
      margin-bottom: 6/@ji;
      float: left;
      img{
          width: 40/@ji;
          height: 40/@ji;
          margin-bottom: 3.5/@ji;
          border-radius:45%;
      }
      span{
          display: block;
          font-size: 12/@ji;
          font-weight: 400;
         line-height: 14px;
         color: #686868;
      }
  }
}
#beijing{
    width: 100vw;
    position: absolute;
    top: 358/@ji;
    height: 4000/@ji;
    background:#F6F6F6;
    #jidong3{
        width: 349/@ji;
        height: 30/@ji;
        padding: 0px 5/@ji;
       margin-left: 8/@ji;
        margin-right: 8/@ji;
        background: white;
        z-index: 3000;
        border-radius:6px ;
        margin-bottom: 8/@ji;
        img{
           width: 349/@ji;
        height: 30/@ji;
        }
    }
    #jidong4{
        width: 100vw;
        height: 115/@ji;
        border: 1/@ji solid #F0F0F0;
        img{
           width: 100vw;
            height: 115/@ji; 
        }
    }
    #jidong5{
        width: 100vw;
        height: 162.49/@ji;
//      padding-left: 5/@ji;
        background: white;
        margin-top: 10/@ji;
        text-align: center;
//      .miao{
//          width: 100vw;
//          height: 35.6/@ji;
//      }
        
        
        ul{   
        margin-top: 35.6/@ji;
      img{
          display: block;
          width: 70.69/@ji;
          height: 70.69/@ji;
          
      }
      p{
          display: block;
          margin-top: 10px;
          color: #F23030;
          font-size: 16/@ji;
          font-weight: 700;
          line-height: 16/@ji;
      }
      s{
          display: block;
          margin-top:4/@ji ;
          margin-bottom: 11/@ji;
          padding-left: 2/@ji;
          padding-right: 2/@ji;
          color: #686868;
          font-size: 12/@ji;
          line-height: 12/@ji;
      }
      } 
     
    }
    
    
    
    #jidong6{
        width: 100vw;
        height: 35/@ji;
        padding-left: 91.6/@ji;
        box-sizing:border-box ;
        
        img{
           width: 192/@ji;
           height: 35/@ji;
           
        }
    }
    
    #jidong7{
        width: 100vw;
        height: 120/@ji;
        background: white;
        border-bottom: 1/@ji solid  #F5F5F5;
        display: flex;
        justify-content: space-between;

        .qi{
            height: 120/@ji;
            text-align: center;
            padding-top: 6.5/@ji;
            padding-bottom: 5/@ji;
            padding-left: 12px;
            padding-right: 12px;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #0000EE;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    }
    .jidong8{
        width: 100vw;
        height: 120/@ji;
        background: white;
        display: flex;
        justify-content: space-between;
        .li{
             border-right: 1px solid  #F5F5F5;
            width: 92.8/@ji;
             height: 120/@ji;
            text-align: center;
            padding: 6.5/@ji 0px 5/@ji 10/@ji;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #0000EE;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    }
    #jidong9{
        width: 100vw;
        height: 35/@ji;
        padding-left: 91.6/@ji;
         box-sizing:border-box ;
        img{
           width: 192/@ji;
           height: 35/@ji;
           
        }
    }
    
    
    
     #jidong10{
        width: 100vw;
//      height: 120/@ji;
        background: white;
        display: flex;
//      flex-wrap: wrap;
        justify-content: space-between;
        .li{
             border-right: 1px solid  #F5F5F5;
             border-bottom: 1px solid  #F5F5F5;
             width: 92.8/@ji;
             height: 120/@ji;
            text-align: center;
            padding: 6.5/@ji 0px 5/@ji 10/@ji;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
//              背景颜色渐变
                background-image:-webkit-linear-gradient(left,red,blue,yellow) ;
//                  将背景样色画在文字上
                    background-clip:text;
                    -webkit-background-clip:text ;
//                  将文字的颜色设置成透明
                     -webkit-text-fill-color: transparent;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #222222;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    }
    
      #jidong11{
        width: 100vw;
//      height: 120/@ji;
        background: white;
        display: flex;
//      flex-wrap: wrap;
        justify-content: space-between;
        .li{
             border-bottom: 1/@ji solid  #F5F5F5;
             border-right: 1/@ji solid  #F5F5F5;
             width: 92.8/@ji;
             height: 120/@ji;
            text-align: center;
            padding: 6.5/@ji 0px 5/@ji 10/@ji;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #222222;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    }
    
    
    
    
    
    #jidong12{
        width: 100vw;
        height: 35/@ji;
        padding-left: 91.6/@ji;
         box-sizing:border-box ;
        img{
           width: 192/@ji;
           height: 35/@ji;
           
        }
    }
    
    
   #jidong13{
        width: 100vw;
        height: 120/@ji;
        background: white;
        border-bottom: 1px solid  #F5F5F5;
        display: flex;
        justify-content: space-between;

        .qi{
            height: 120/@ji;
            text-align: left;
            padding-top: 6.5/@ji;
            padding-bottom: 5/@ji;
            padding-left: 12px;
            padding-right: 12px;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #FF7474;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    } 
    
    
    #jidong14{
        width: 100vw;
        height: 120/@ji;
        background: white;
        border-bottom: 1/@ji solid  #F5F5F5;
        display: flex;
        justify-content: space-between;

        .qi{
            height: 120/@ji;
            text-align: left;
            padding-top: 6.5/@ji;
            padding-bottom: 5/@ji;
            padding-left: 12px;
            padding-right: 12px;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #FF7474;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    } 
    
    
    
    
     #jidong15{
        width: 100vw;
        background: white;
        display: flex;
        justify-content: space-between;
        .li{
             border-bottom: 1/@ji solid  #F5F5F5;
             border-right: 1/@ji solid  #F5F5F5;
             width: 92.8/@ji;
             height: 120/@ji;
            text-align: left;
            padding: 6.5/@ji 0px 5/@ji 10/@ji;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #222222;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    }
    
    .jingdong16{
        width: 100vw;
        height: 35/@ji;
        img{
            width: 100%;
            height: 35/@ji;
            margin: 0px auto;
        }
    }
    
    .jingdong17{
        width: 100%;
        height: 100/@ji;
        background: white;
         display: flex;
        justify-content: space-between;
        .tu1{
            width: 186.6/@ji;
            height: 100/@ji;
            border-bottom: 1/@ji solid  #F5F5F5;
             border-right: 1/@ji solid  #F5F5F5;
             text-align: left;
             padding-top: 6.5/@ji;
             padding-bottom: 5/@ji;
                strong{
                  display: inline-block;
                  width: 100/@ji;
                   float: left;
                    color: #000000;
                    font-size: 16/@ji;
                    font-weight: 400;
                    line-height: 22.5/@ji;
                     text-align: left;
                }
                p{
                    display: inline-block;
                    float: left;
                      width: 100/@ji;
                      text-align: left;
                    color: #D663E1;
                    font-size: 16/@ji;
                    font-weight: 400;
                    line-height: 16.5/@ji;
                }
                img{
                     width: 80/@ji;
                     height: 80/@ji;
                     margin-right: 5/@ji;
                     margin-top: 8.5/@ji;
                    
                }
        
        }
    }
    
    
    
    .jingdong18{
        width: 100%;
        height: 100/@ji;
        background: white;
         display: flex;
        justify-content: space-between;
        .tu1{
            width: 186.6/@ji;
            height: 100/@ji;
            border-bottom: 1/@ji solid  #F5F5F5;
             border-right: 1/@ji solid  #F5F5F5;
             text-align: left;
             padding-top: 6.5/@ji;
             padding-bottom: 5/@ji;
                strong{
                  display: inline-block;
                  width: 100/@ji;
                   float: left;
                    color: #000000;
                    font-size: 16/@ji;
                    font-weight: 400;
                    line-height: 22.5/@ji;
                     text-align: left;
                }
                p{
                    display: inline-block;
                    float: left;
                      width: 100/@ji;
                      text-align: left;
                    color: #D663E1;
                    font-size: 16/@ji;
                    font-weight: 400;
                    line-height: 16.5/@ji;
                }
                img{
                     width: 80/@ji;
                     height: 80/@ji;
                     margin-right: 5/@ji;
                     margin-top: 8.5/@ji;
                    
                }
        
        }
    }
    
    
    #jidong18{
        width: 100vw;
        height: 120/@ji;
        background: white;
        display: flex;
        justify-content: space-between;
        .li{
             border-right: 1px solid  #F5F5F5;
            width: 92.8/@ji;
             height: 120/@ji;
            text-align: left;
            padding: 6.5/@ji 0px 5/@ji 10/@ji;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #D663E1;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    }
    
    
    
     
    #jidong19{
        width: 100vw;
        height: 120/@ji;
        background: white;
        display: flex;
        justify-content: space-between;
        .li{
             border-right: 1px solid  #F5F5F5;
            width: 92.8/@ji;
             height: 120/@ji;
            text-align: left;
            padding: 6.5/@ji 0px 5/@ji 10/@ji;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #D663E1;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    }
    
    .jingdong20{
        width: 100%;
        height: 35/@ji;
        img{
            height: 35/@ji;
            
        }
    }
    #jidong20{
        width: 100vw;
        height: 120/@ji;
        background: white;
        border-bottom: 1px solid  #F5F5F5;
        display: flex;
        justify-content: space-between;
        .tu1{
            text-align: left;
            width: 186.6/@ji;
            height: 120/@ji;
            padding-bottom: 5/@ji;
            padding-top: 6.5/@ji;
//          flex: 2;
           strong{
               display: block;
               padding-left: 9/@ji;
               color: #000000;
               font-size: 16/@ji;
               font-weight: 400;
               line-height: 22.5/@ji;
           } 
           p{
               padding-left: 9/@ji;
               color: #FF5959;
               font-size: 12/@ji;
               font-weight: 400;
               line-height: 16.5/@ji;
           }
           img{
               width: 65/@ji;
               height: 65/@ji;
               margin: 5.5/@ji 7/@ji 0px 7/@ji;
               float: left;
//              padding-left: 14/@ji;
                
           }
          
           }
            .li{
               border-right: 1px solid  #F5F5F5;
            width: 92.8/@ji;
             height: 120/@ji;
            text-align: left;
            padding: 6.5/@ji 0px 5/@ji 10/@ji;
             strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #D663E1;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    }
    
    
     #jidong21{
        width: 100vw;
        height: 120/@ji;
        background: white;
        display: flex;
        justify-content: space-between;
        .li{
             border-right: 1px solid  #F5F5F5;
            width: 92.8/@ji;
             height: 120/@ji;
            text-align: left;
            padding: 6.5/@ji 0px 5/@ji 10/@ji;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #D663E1;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    }
    
     #jidong22{
        width: 100vw;
        height: 120/@ji;
        background: white;
        display: flex;
        justify-content: space-between;
        .li{
             border-right: 1px solid  #F5F5F5;
            width: 92.8/@ji;
             height: 120/@ji;
            text-align: left;
            padding: 6.5/@ji 0px 5/@ji 10/@ji;
            strong{
                display: block;
                font-size: 16/@ji;
                font-weight: 400;
                line-height: 22.5/@ji;
            }
            p{
                font-size: 12/@ji;
                font-weight: 400;
                line-height: 16.5/@ji;
                color: #D663E1;
            }
            img{
                width: 65/@ji;
                height: 65/@ji;
                margin-top: 5.5/@ji;
                margin-left: 7/@ji;
                margin-right: 7/@ji;
            }
        }
    }
    
    #tuijian1{
        width: 365.2/@ji;
        height: 13.6/@ji;
        margin: 0px auto;
        margin-top: 14/@ji;
        margin-bottom: 14/@ji;
        .span1{
            display: inline-block;
            float: left;
            width: 133.1/@ji;
            height: 1/@ji;
            background: #E8EAEC;
            line-height: 13.6/@ji;
            margin-top: 10/@ji;
        }
         .span3{
              display: inline-block;
            float: right;
            width: 133.1/@ji;
            height: 1/@ji;
            background: #E8EAEC;
            line-height: 13.6/@ji;
            margin-top: 10/@ji;
        }
        .span2{
            width: 99/@ji;
            display: inline-block;
            color: #848689;
            font-size: 14/@ji;
            font-weight: 400;
            line-height: 13.6/@ji;
        }
        
    }
    
    #tuijian2{
        height: 21/@ji;
        padding-bottom: 14/@ji;
        padding-top: 3/@ji;
        padding-left: 3/@ji;
        padding-right: 3/@ji;
        color: #F23030;
        font-size: 14/@ji;
        font-weight: 400;
        line-height: 21/@ji;
        text-align: center;
    }
    
    .tujian3{
        width: 100%;
        height: 284/@ji;
         display: flex;
        justify-content: space-between;
        .tu1{
            width:186.4/@ji ;
            height: 284.6/@ji;
     
        img{
            width: 186.4/@ji;
            height: 186.4/@ji;
        }
        .p1{
            display: block;
        padding-left: 4/@ji;
        padding-right: 4/@ji;
        margin-bottom: 3/@ji;
        font-weight: 400;
        font-size: 13/@ji;
        line-height: 17/@ji;
        }
        .p2{
            display: block;
           color: #F23030;
           font-size: 16/@ji;
           font-weight: 400; 
           line-height: 25/@ji;
        }
        .p3{
            font-size: 12/@ji;
            font-weight: 400;
            line-height: 25/@ji;
            color: #999999;
            margin-top: 6/@ji;
        }
        .p4{
            display: inline-block;
            width: 50/@ji;
            height: 25/@ji;
            float: right;
            border: 1/@ji solid #DFDFDF;
            color: #6D6D6D;
            font-size: 12/@ji;
            line-height: 25/@ji;
            margin-right: 8/@ji;
            text-align: center;
            border-radius:4/@ji ;
        }
        
      }
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
